<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>非物质文化遗产介绍</title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <!-- 移动端汉堡菜单按钮 -->
        <button class="mobile-menu-toggle" id="mobileMenuToggle">
            <i class="fas fa-bars"></i>
        </button>

        <!-- 左侧导航栏 -->
        <nav class="sidebar" id="sidebar">
            <div class="nav-header">
                <h2>非遗文化</h2>
                <button class="close-btn" id="closeBtn">
                    <i class="fas fa-times"></i>
                </button>
            </div>
            <ul class="nav-menu">
                <li><a href="#history" class="nav-link active" data-section="history">
                    <i class="fas fa-history"></i> 历史渊源
                </a></li>
                <li><a href="#culture" class="nav-link" data-section="culture">
                    <i class="fas fa-palette"></i> 文化特征
                </a></li>
                <li><a href="#process" class="nav-link" data-section="process">
                    <i class="fas fa-tools"></i> 制作工序
                </a></li>
                <li><a href="#works" class="nav-link" data-section="works">
                    <i class="fas fa-images"></i> 题材作品
                </a></li>
                <li><a href="#heritage" class="nav-link" data-section="heritage">
                    <i class="fas fa-shield-alt"></i> 传承保护
                </a></li>

            </ul>
        </nav>

        <!-- 右侧内容区 -->
        <main class="main-content">
            <!-- 历史渊源 -->
            <section id="history" class="content-section active">
                <h1>历史渊源</h1>
                <div class="content-wrapper">
                    <div class="text-content">
                        <h2>糖画：甜蜜的艺术记忆</h2>
                        <p>糖画，顾名思义是用糖作“画”，四川俗称“倒糖饼儿”“糖粑粑儿”“糖灯影儿”等。这项技艺将甜蜜的糖汁化作灵动的线条，在石板或大理石上勾勒出栩栩如生的图案，既是一种可食用的糖食，又是一件精美的糖艺术品。</p>
                        
                        <h3>天府之国的甜蜜土壤</h3>
                        <p>川西平原沃野千里、沟渠纵横、气候温和、物产丰富，并有丰厚的历史文化底蕴。成都市域范围内生物资源种类繁多，门类齐全，分布相对集中，为发展农业和旅游业带来了有利条件，更为成都糖画这种民间手工技艺的发展奠定了坚实的物质基础。四川自古盛产蔗糖，以糖为原料的艺术品独具特点。</p>
                        
                        <h3>从宫廷到民间的演变</h3>
                        <p>明代李时珍著《本草纲目》果部第三十三卷“石蜜”（白砂糖）条说：“以白砂糖煎化，模印成人物狮象之形者为飨糖，《后汉书》注所谓猊糖是也。”这种“飨糖”（猊糖）在四川流传过程中，陆续吸收“皮影”“剪纸”等民间造型艺术的表现手法，逐渐形成以块面、线条为其造型特点的“糖画技艺”。</p>
                        
                        <h3>清末民初的市井繁华</h3>
                        <p>清末《成都通览》“成都之民情风俗”条载元旦日街市专售小儿女之“糖饼”，即为成都糖画普通的表现形式。据对成都及周边区（市）县40余位艺人师承关系调查推算，成都糖画技艺约盛行于清道光九至十五年（1829—1835）之间，此前已出现了糖画艺人的行会——太阳会。据此断定：“糖画”开始在四川流行的时间，至迟应在清嘉庆道光年间（1769—1821）。</p>
                        
                        <h3>现代传承的广阔天地</h3>
                        <p>现代成都糖画技艺流行于四川省成都市锦江区及新都、双流、金堂、温江、郫县、都江堰、彭州、青白江、龙泉驿和自贡、泸州、重庆、乐山、内江等地。从街头巷尾的民间技艺，到登上大雅之堂的文化遗产，糖画这一甜蜜的艺术，正以其独特的魅力，在新时代绽放出更加绚丽的光彩。</p>
                    </div>
                    <div class="image-content">
                    </div>
                </div>
            </section>

            <!-- 文化特征 -->
            <section id="culture" class="content-section">
                <h1>文化特征</h1>
                <div class="content-wrapper">
                    <div class="text-content">
                        <h2>糖画技艺的艺术语言</h2>
                        <p>成都糖画技艺的表现手法丰富多样，按照艺人的传统说法，一般分为"大货"和"小货"两大类别。"大货"即较大型的作品，制作工艺较为复杂，如龙、凤、孔雀、狮、虎及立体的花篮、金鱼等；"小货"即较小的作品，制作工艺相对较简单，如各种单个的虫、花、鸟、水果等。</p>
                        
                        <h3>六大传统表现手法</h3>
                        <div class="feature-grid">
                            <div class="feature-card">
                                <i class="fas fa-circle"></i>
                                <h4>子子货</h4>
                                <p>又称"倾子子"，即倒一个个糖饼儿。要求速度快，断丝利落，形状正圆，大小厚薄一致</p>
                            </div>
                            <div class="feature-card">
                                <i class="fas fa-pen-nib"></i>
                                <h4>丝丝货</h4>
                                <p>采用刚柔、粗细、走向不同的线条表现对象形状神态，类似国画白描、西画速写</p>
                            </div>
                            <div class="feature-card">
                                <i class="fas fa-square"></i>
                                <h4>板板货</h4>
                                <p>运用块面造型，同时运用线刻、浅浮雕等技法刻画细部，多用于戏剧人物和动物</p>
                            </div>
                            <div class="feature-card">
                                <i class="fas fa-fill-drip"></i>
                                <h4>填装货</h4>
                                <p>先以糖丝勾勒外形，再倾倒糖液填满，趁未冷施以雕刻手法刻画细部</p>
                            </div>
                            <div class="feature-card">
                                <i class="fas fa-wind"></i>
                                <h4>拭皮子</h4>
                                <p>倒糖液后趁未凝固用"起子"拭刮成薄片雏形，再以糖丝描绘外形及细部</p>
                            </div>
                            <div class="feature-card">
                                <i class="fas fa-user-circle"></i>
                                <h4>按头子</h4>
                                <p>古老工艺，用模具制作人物头像或立体动物，具有圆雕味道的传统技法</p>
                            </div>
                        </div>
                        
                        <h3>艺术特色</h3>
                        <ul>
                            <li><strong>造型多样</strong>：从简单几何到复杂立体，造型丰富多变</li>
                            <li><strong>线条流畅</strong>：糖丝线条刚柔并济，富有韵律美感</li>
                            <li><strong>色彩晶莹</strong>：琥珀色的糖液凝固后晶莹剔透，光泽动人</li>
                            <li><strong>技法融合</strong>：吸收皮影、剪纸等民间艺术表现手法</li>
                            <li><strong>即时创作</strong>：现场制作，一气呵成，具有表演性质</li>
                        </u1>
                    </div>
                </div>
            </section>

            <!-- 制作工序 -->
            <section id="process" class="content-section">
                <h1>制作工序</h1>
                <div class="content-wrapper">
                    <div class="text-content">
                        <h2>匠心独运的工艺流程</h2>
                        <p>非物质文化遗产的制作工序凝聚着古人的智慧和匠心，每一项技艺都有其独特的工艺流程和技术要点。这些工序不仅是技术的传承，更是文化的延续。</p>
                        
                        <h3>典型工艺流程</h3>
                        <div class="process-steps">
                            <div class="step">
                                <div class="step-number">1</div>
                                <div class="step-content">
                                    <h4>选材备料</h4>
                                    <p>精选优质原材料，根据不同工艺要求准备相应的工具和材料</p>
                                </div>
                            </div>
                            <div class="step">
                                <div class="step-number">2</div>
                                <div class="step-content">
                                    <h4>设计构思</h4>
                                    <p>根据传统样式或创新需求，进行整体设计和构思</p>
                                </div>
                            </div>
                            <div class="step">
                                <div class="step-number">3</div>
                                <div class="step-content">
                                    <h4>精工细作</h4>
                                    <p>运用传统技艺，按照特定工序进行精心制作</p>
                                </div>
                            </div>
                            <div class="step">
                                <div class="step-number">4</div>
                                <div class="step-content">
                                    <h4>检验完善</h4>
                                    <p>严格检验质量，确保符合传统工艺标准</p>
                                </div>
                            </div>
                        </div>
                        
                        <h3>工艺特点</h3>
                        <ul>
                            <li><strong>纯手工制作</strong>：保持传统工艺的纯粹性</li>
                            <li><strong>工序严谨</strong>：每道工序都有严格标准</li>
                            <li><strong>技艺精湛</strong>：需要长期学习和实践</li>
                            <li><strong>工具传统</strong>：使用传统工具和技法</li>
                        </ul>
                    </div>
                    </div>
                </div>
            </section>

            <!-- 题材作品 -->
            <section id="works" class="content-section">
                <h1>题材作品</h1>
                <div class="content-wrapper">
                    <div class="text-content">
                        <h2>丰富多彩的艺术瑰宝</h2>
                        <p>中国非物质文化遗产涵盖了丰富多样的题材作品，从精美的工艺品到动人的表演艺术，每一件作品都是中华文化的珍贵载体。</p>
                        
                        <h3>主要作品类型</h3>
                        <div class="works-gallery">
                            <div class="work-item">
                                <div class="work-icon"><i class="fas fa-palette"></i></div>
                                <h4>传统美术</h4>
                                <p>剪纸、年画、刺绣、陶瓷、漆器等</p>
                            </div>
                            <div class="work-item">
                                <div class="work-icon"><i class="fas fa-music"></i></div>
                                <h4>传统音乐</h4>
                                <p>古琴、二胡、唢呐、民歌等</p>
                            </div>
                            <div class="work-item">
                                <div class="work-icon"><i class="fas fa-theater-masks"></i></div>
                                <h4>传统戏剧</h4>
                                <p>京剧、昆曲、越剧、黄梅戏等</p>
                            </div>
                            <div class="work-item">
                                <div class="work-icon"><i class="fas fa-mortar-pestle"></i></div>
                                <h4>传统医药</h4>
                                <p>中医、针灸、中药炮制等</p>
                            </div>
                            <div class="work-item">
                                <div class="work-icon"><i class="fas fa-utensils"></i></div>
                                <h4>传统饮食</h4>
                                <p>茶艺、酿造、烹饪技艺等</p>
                            </div>
                            <div class="work-item">
                                <div class="work-icon"><i class="fas fa-calendar-alt"></i></div>
                                <h4>节庆民俗</h4>
                                <p>春节、端午、中秋等传统节日</p>
                            </div>
                        </div>
                        
                        <h3>代表作品</h3>
                        <ul>
                            <li><strong>苏绣</strong>：精细雅洁的刺绣艺术</li>
                            <li><strong>景泰蓝</strong>：华丽典雅的金属工艺品</li>
                            <li><strong>茅台酒</strong>：传统酿造技艺的典范</li>
                            <li><strong>太极拳</strong>：内外兼修的传统武术</li>
                        </ul>
                    </div>
                    </div>
                </div>
            </section>

            <!-- 传承保护 -->
            <section id="heritage" class="content-section">
                <h1>传承保护</h1>
                <div class="content-wrapper">
                    <div class="text-content">
                        <h2>守护文化根脉</h2>
                        <p>非物质文化遗产的传承保护是维护文化多样性和人类创造力的重要举措。通过多种方式，我们致力于保护这些珍贵的文化遗产，确保它们能够代代相传。</p>
                        
                        <h3>保护措施</h3>
                        <div class="protection-methods">
                            <div class="method-card">
                                <i class="fas fa-user-graduate"></i>
                                <h4>传承人制度</h4>
                                <p>认定和保护代表性传承人，建立传承机制</p>
                            </div>
                            <div class="method-card">
                                <i class="fas fa-school"></i>
                                <h4>教育传承</h4>
                                <p>将非遗纳入教育体系，培养新一代传承人</p>
                            </div>
                            <div class="method-card">
                                <i class="fas fa-database"></i>
                                <h4>数字化保护</h4>
                                <p>运用现代技术记录和保存非遗信息</p>
                            </div>
                            <div class="method-card">
                                <i class="fas fa-handshake"></i>
                                <h4>社会参与</h4>
                                <p>鼓励社会各界参与非遗保护活动</p>
                            </div>
                        </div>
                        
                        <h3>保护成果</h3>
                        <ul>
                            <li><strong>国家级名录</strong>：已公布五批国家级非遗名录</li>
                            <li><strong>传承人认定</strong>：数千名国家级非遗代表性传承人</li>
                            <li><strong>文化生态区</strong>：设立多个国家级文化生态保护实验区</li>
                            <li><strong>国际合作</strong>：积极参与国际非遗保护合作</li>
                        </ul>
                        
                        <h3>面临的挑战</h3>
                        <p>随着现代化进程的加快，非遗保护面临着传承人老龄化、市场需求变化、年轻人兴趣缺失等挑战。需要创新保护方式，让传统文化在现代社会焕发新的生机。</p>
                    </div>
                    </div>
                </div>
            </section>


        </main>
    </div>

    <script src="script.js"></script>
    <!-- 哪个人想出来这个作业的 -->
</body>
</html>
